<template>
	<view class="single-share-component">
		<hsb-common-popup-header
			:title="singleShareInfo.title"
			@close="$emit('close')"
		/>
		<view class="single-share-body">
			<scroll-view
				scroll-y="true"
				class="single-share-scroll-view"
			>
				<view class="single-share-list">
					<view
						v-for="(item, index) in singleShareInfo.list || []"
						:key="index"
						class="single-share-item"
					>
						<view class="single-share-title">
							<view class="tips">{{ item[0] }}</view>
							<view class="title">{{ item[1] }}</view>
						</view>
						<view class="single-share-desc">{{ item[2] }}</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		singleShareInfo: Object
	}
}	
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>